<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<meta http-equiv="Content-Language" content="zh-CN" > 
<meta name="keywords" content="海外，圈子，华人，活动" >
<meta name="Description" content="来结实更多的朋友吧" >
<title>个人主页</title>
<link rel="shortcut icon" href="../images/logo_mini.png">

<link href="../style/style_lei.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="container">
<!--The golaby color set-->
    <div class="banner">
      <div class="bannerunit">
      <!--units for banner-->
			<div class="bunits">1</div>
      		<div class="bunits">test</div>
      		<div class="bunits">1</div>
      		<div class="bunits">2</div> 
      		<div class="bunits">3</div>
      </div>
    </div>
    <!--The banner-->
  		<div class="nav">
        <!--navgation and the sub-elements -->
        <div class="navbutton">
		  <div class="navphoto"></div>
    	 		 	<div class="navtext">旅游</div></div>
       		<div class="navbutton">
            	  	<div class="navphoto"></div>
    	  			<div class="navtext">运动</div></div>
         	<div class="navbutton">
            	  	<div class="navphoto"></div>
    	  			<div class="navtext">聚餐</div></div>
   			<div class="navbutton">
        	  		<div class="navphoto"></div>
    	  			<div class="navtext">看电影</div></div>
    		<div class="navbutton">
            	 	<div class="navphoto"></div>
    	  			<div class="navtext">学术</div></div>
    		<div class="navbutton">
            	 	<div class="navphoto"></div>
    	 			<div class="navtext">购物</div></div>
    </div>
    <div class="profile">
    <!--profile page, in the center-->
  	   	 		<div class="rightspace">推荐好友</div>
  	  <div class="sep"></div>
			<div class="actnev"><!--container for the activities -->
        		<div class="uact">
		    		<div class="actpic"><img src="../space/picforwebsite/Slam-Dunk.jpeg" width="100" height="100" alt="slum" /></div>
             		<div class="actinfo">
            		<div class="actdes">推荐指数：8</div>
               		<div class="actdes">名称： 篮球</div>
               		<div class="actdes">l地点：迈阿密</div>
              		<div class="actdes">时间： 8p:00m</div>
               		<div class="actdes">参与人数： 10</div>
            	</div>
	        	<div class="actstatis"><p>已报名： 5</p> <p>待报名 : 5</p></div>
		  		</div>
                <div class="uact"></div>
                <div class="uact"></div>        
   	  </div>	
       	 		<div class="rightspace">推荐好友</div>
	 	<div class="sep"></div>  	
	<div class="actnev"><!--container for the activities -->
        		<div class="uact">
		    		<div class="actpic"><img src="../space/picforwebsite/Slam-Dunk.jpeg" width="100" height="100" alt="slum" /></div>
             		<div class="actinfo">
            		<div class="actdes">推荐指数：8</div>
               		<div class="actdes">名称： 篮球</div>
               		<div class="actdes">l地点：迈阿密</div>
              		<div class="actdes">时间： 8p:00m</div>
               		<div class="actdes">参与人数： 10</div>
            	</div>
	        	<div class="actstatis"><p>已报名： 5</p> <p>待报名 : 5</p></div>
		  		</div>
                <div class="uact"></div>
                <div class="uact"></div>        
   	  </div>
       	 		<div class="rightspace">推荐好友</div>
      <div class="sep"></div>  
      <div class="actnev"><!--container for the activities -->
        		<div class="uact">
		    		<div class="actpic"><img src="../space/picforwebsite/Slam-Dunk.jpeg" width="100" height="100" alt="slum" /></div>
             		<div class="actinfo">
            		<div class="actdes">推荐指数：8</div>
               		<div class="actdes">名称： 篮球</div>
               		<div class="actdes">l地点：迈阿密</div>
              		<div class="actdes">时间： 8p:00m</div>
               		<div class="actdes">参与人数： 10</div>
            	</div>
	        	<div class="actstatis"><p>已报名： 5</p> <p>待报名 : 5</p></div>
		  		</div>
                <div class="uact"></div>
                <div class="uact"></div>        
   	  </div>
       	 		<div class="rightspace">推荐好友</div>
      <div class="sep"></div>  
      <div class="actnev"><!--container for the activities -->
        		<div class="uact">
		    		<div class="actpic"><img src="../space/picforwebsite/Slam-Dunk.jpeg" width="100" height="100" alt="slum" /></div>
             		<div class="actinfo">
            		<div class="actdes">推荐指数：8</div>
               		<div class="actdes">名称： 篮球</div>
               		<div class="actdes">l地点：迈阿密</div>
              		<div class="actdes">时间： 8p:00m</div>
               		<div class="actdes">参与人数： 10</div>
            	</div>
	        	<div class="actstatis"><p>已报名： 5</p> <p>待报名 : 5</p></div>
		  		</div>
                <div class="uact"></div>
                <div class="uact"></div>        
   	  </div>
       	 		
      <div class="sep"></div>  
  </div>
  		<div class="right">
  	 		<div class="rightspace">推荐好友</div>
  	  		<div class="recomm">
  	    	<div class="pphotos"><img src="../space/picforwebsite/Dwyane-Wade.jpg" width="80" height="80" alt="wade" /></div>
  	    	<div class="pphotos"><img src="../space/picforwebsite/Dwyane-Wade.jpg" width="80" height="80" alt="wade" /></div><div class="pphotos"><img src="../space/picforwebsite/Dwyane-Wade.jpg" width="80" height="80" alt="wade" /></div>
      	</div>  
      	<div class="rightspace">热门活动</div>
		<div class="rank1">
  			<div class="rankact">1 爬山</div>
    		<div class="rankact"></div>
      		<div class="rankact"></div>
      		<div class="rankact"></div>
      		<div class="rankact"></div>
      		<div class="rankact"></div>
      		<div class="rankact"></div>
      		<div class="rankact"></div>
      		<div class="rankact"></div>
      		<div class="rankact"></div>
		</div>
		<div class="rightspace">推荐活动</div>
			<div class="rank1">
  			<div class="rankact">1 爬山</div>
    		<div class="rankact"></div>
      		<div class="rankact"></div>
        	<div class="rankact"></div>
          	<div class="rankact"></div>
            <div class="rankact"></div>
            <div class="rankact"></div>
            <div class="rankact"></div>
            <div class="rankact"></div>
            <div class="rankact"></div>
     	</div>
  		</div>
  <div class="footer"> </div>
</div>
</body>
</html>
